<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery向下弹出遮罩图片相册代码</title>

<!--可无视-->
<link type='text/css' href='css/demo.css' rel='stylesheet' media='screen' />

<!--必要样式-->
<link type='text/css' href='css/gallery.css' rel='stylesheet' media='screen' />

</head>
<body>

<br><br><br><center><h1>点击图片查看效果</h1></center><br><br>

<div id='container'>
	
	<span class="flickr_badge_image"><a href="img/photo/1.jpg"><img src="img/photo/1.jpg"  title="图片信息一" width="75" height="75"></a></span>
	<span class="flickr_badge_image"><a href="img/photo/2.jpg"><img src="img/photo/2.jpg"  title="图片信息二" width="75" height="75"></a></span>
	<span class="flickr_badge_image"><a href="img/photo/3.jpg"><img src="img/photo/3.jpg"  title="图片信息三" width="75" height="75"></a></span>
	<span class="flickr_badge_image"><a href="img/photo/4.jpg"><img src="img/photo/4.jpg"  title="图片信息四" width="75" height="75"></a></span>
	<span class="flickr_badge_image"><a href="img/photo/5.jpg"><img src="img/photo/5.jpg"  title="图片信息五" width="75" height="75"></a></span>
	
</div>


<script type='text/javascript' src='js/jquery.js'></script> 
<script type='text/javascript' src='js/jquery.simplemodal.js'></script> 
<script type='text/javascript' src='js/gallery.js'></script>

</body>
</html>